<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/header.css">
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
	</head>

	<body>
		<div class="homepage-summary">
			<div class="index-head-full"> 
				<div class="homepage-header">
					<div class="topbar-home">
						<a href="index.html">商城首页</a>
					</div>
					<div class="topbar-nav">
						<div class="topbar-nav-login">
							<div class="index-loginno">
								<a >登录</a>
							</div>
							<div class="index-loginyes">
								<div class="index-username"></div>
								<ul class="homepage-login-list">
									<li class="index-username"></li>
									<a href="orderform.html">
										<li>我的暴风商城</li>
									</a>
									<a href="">
										<li>我的优惠券</li>
									</a>
									<a href="">
										<li>我的余额</li>
									</a>
									<a href="myOrder-favourate.html">
										<li>喜欢的商品</li>
									</a>
									<a href="myOrder-manaddr.html">
										<li>收货地址</li>
									</a>
									<a href="">
										<li>退货服务</li>
									</a>

									<a href="#">
										<li class="index-exit">退出登录</li>
									</a>
								</ul>
							</div>

						</div>
						<div class="topbar-nav-myorder">
							<a class="index-tologin" href="orderform.html">我的订单</a>
						</div>
						<div class="topbar-nav-news">
							<a class="index-tologin" href="">消息</a>
						</div>
						<div class="topbar-nav-help">
							<a href="">帮助</a>
						</div>
						<div class="topbar-nav-businesscenter">
							<a href="">商户中心</a>
						</div>
					</div>
				</div>
			</div>

			<div class="homepage-index-list">
				<div class="homepage-shopping">
					<div class="homepage-index-list-logo"></div>
					<div class="homepage-summary-cart">
						<div class="homepage-summary-carticon"></div>
						<div class="homepage-summary-mycart"><span>我的购物车</span></div>
					</div>
				</div>
				<div class="homepage-summary-kinds">
					<div class="homepage-nav-cats">
						<div class="homepage-nav-caticon">
							<p>商品分类</p>
						</div>
						<div class="homepage-nav-cartionlist">

							<ul class="homepage-mainbody-mirror">
								<li class="homepage-mainbody-mirror-first">
									<a href="">暴风魔镜</a><span class="homepage-mainbody-mirroe-arrow1"></span>
									<div class="homepage-mainbody-mirropro">
										<ul class="homepage-mainbody-mirrorlist-1">
											<a href="DetailPages.html?id=2">
												<li>
													<div class="homepage-mainbody-mirroelist-1-img"></div>
													<p>暴风魔镜一体机 Matrix</p>
												</li>
											</a>
											<a href="DetailPages.html?id=2">
												<li>
													<div class="homepage-mainbody-mirroelist-2-img"></div>
													<p>暴风魔镜Matrix 官方标准礼包</p>
												</li>
											</a>
											<a href="DetailPages.html?id=8">
												<li>
													<div class="homepage-mainbody-mirroelist-3-img"></div>
													<p>暴风魔镜S1 VR新品</p>
												</li>
											</a>
											<a href="DetailPages.html?id=11">
												<li>
													<div class="homepage-mainbody-mirroelist-4-img"></div>
													<p>缺货 暴风魔镜-白日梦套餐</p>
												</li>
											</a>
											<a href="DetailPages.html?id=14">
												<li>
													<div class="homepage-mainbody-mirroelist-5-img"></div>
													<p>暴风魔镜-白日梦VR眼镜</p>
												</li>
											</a>
										</ul>
										<ul class="homepage-mainbody-mirrorlist-2">
											<a href="DetailPages.html?id=3">
												<li>
													<div class="homepage-mainbody-mirroelist-2-1-img"></div>
													<p>白日梦系列-VR游戏手柄</p>
												</li>
											</a>
											<a href="DetailPages.html?id=6">
												<li>
													<div class="homepage-mainbody-mirroelist-2-2-img"></div>
													<p>暴风魔镜S1 轻轻版</p>
												</li>
											</a>
											<a href="DetailPages.html?id=9">
												<li>
													<div class="homepage-mainbody-mirroelist-2-3-img"></div>
													<p>暴风魔镜S1 轻轻版 游戏套装</p>
												</li>
											</a>
											<a href="DetailPages.html?id=12">
												<li>
													<div class="homepage-mainbody-mirroelist-2-4-img"></div>
													<p>暴风魔镜小Q 头控版</p>
												</li>
											</a>
											<a href="DetailPages.html?id=15">
												<li>
													<div class="homepage-mainbody-mirroelist-2-5-img"></div>
													<p>缺货 暴风魔镜小Q 遥控版</p>
												</li>
											</a>
										</ul>
										<ul class="homepage-mainbody-mirrorlist-3">
											<a href="DetailPages.html?id=4">
												<li>
													<div class="homepage-mainbody-mirroelist-3-1-img"></div>
													<p>缺货 暴风魔镜小M 头控版</p>
												</li>
											</a>
											<a href="DetailPages.html?id=7">
												<li>
													<div class="homepage-mainbody-mirroelist-3-2-img"></div>
													<p>缺货 暴风魔镜小M 遥控版</p>
												</li>
											</a>
											<a href="DetailPages.html?id=10">
												<li>
													<div class="homepage-mainbody-mirroelist-3-3-img"></div>
													<p>暴风魔镜小D 头控版</p>
												</li>
											</a>
											<a href="DetailPages.html?id=13">
												<li>
													<div class="homepage-mainbody-mirroelist-3-4-img"></div>
													<p>缺货 暴风魔镜小D 遥控版</p>
												</li>
											</a>
											<a href="DetailPages.html?id=16">
												<li>
													<div class="homepage-mainbody-mirroelist-3-5-img"></div>
													<p>暴风魔镜4 标准版 iPhone</p>
												</li>
											</a>
										</ul>
									</div>
								</li>

								<li class="storm-Vip-square">
									<a href="">暴风VIP</a>
									<div class="homepage-mainbody-mirroe-arrow1"></div>
									<div class="homepage-stormVip">
										<ul class="homepage-stormVip-list1">
											<li>
												<div class="homepage-storm-list-1-img"></div>
												<p>影音VIP 1月</p>
											</li>
											<li>
												<div class="homepage-storm-list-2-img"></div>
												<p>影音VIP 3月</p>
											</li>
											<li>
												<div class="homepage-storm-list-3-img"></div>
												<p>影音VIP 12月</p>
											</li>
											<li>
												<div class="homepage-storm-list-4-img"></div>
												<p>TV会员 1个月</p>
											</li>
											<li>
												<div class="homepage-storm-list-5-img"></div>
												<p>TV会员 3个月</p>
											</li>
										</ul>
										<div class="homepage-stormVip-list-2">
											<div class="homepage-storm-list-2-1-img">
												<p>TV会员 12个月</p>
											</div>
										</div>
									</div>
								</li>
								<li class="homepage-Entertainment">
									<a href="">娱乐周边</a>
									<div class="homepage-mainbody-mirroe-arrow1"></div>
									<div class="homepage-Entertainment-square">
										<ul class="homepage-Entertainment-list1">
											<li>
												<div class="homepage-Entertainment-list1-img"></div>
												<p>正义联盟</p>
											</li>
											<li>
												<div class="homepage-Entertainment-list2-img"></div>
												<p>魔兽</p>
											</li>
											<li>
												<div class="homepage-Entertainment-list3-img"></div>
												<p>缝纫机乐队</p>
											</li>
											<li>
												<div class="homepage-Entertainment-list4-img"></div>
												<p>羞羞的铁拳</p>
											</li>
											<li>
												<div class="homepage-Entertainment-list5-img"></div>
												<p>蜘蛛侠英雄归来</p>
											</li>
										</ul>
										<ul class="homepage-Entertainment-list2">
											<li>
												<div class="homepage-Entertainment-list-2-1-img"></div>
												<p>蜡笔小新</p>
											</li>
											<li>
												<div class="homepage-Entertainment-list-2-2-img"></div>
												<p>魔鬼猫</p>
											</li>
											<li>
												<div class="homepage-Entertainment-list-2-3-img"></div>
												<p>猩球崛起</p>
											</li>
											<li>
												<div class="homepage-Entertainment-list-2-4-img"></div>
												<p>变形金刚</p>
											</li>
											<li>
												<div class="homepage-Entertainment-list-2-5-img"></div>
												<p>复仇者联盟</p>
											</li>
										</ul>
										<ul class="homepage-Entertainment-list3">
											<li>
												<div class="homepage-Entertainment-list-3-1-img"></div>
												<p>萌奇小冰棒</p>
											</li>
											<li>
												<div class="homepage-Entertainment-list-3-2-img"></div>
												<p>星球大战</p>
											</li>
											<li>
												<div class="homepage-Entertainment-list-3-3-img"></div>
												<p>哆啦A梦</p>
											</li>
											<li>
												<div class="homepage-Entertainment-list-3-4-img"></div>
												<p>熊本熊</p>
											</li>
											<li>
												<div class="homepage-Entertainment-list-3-5-img"></div>
												<p>超能陆战队</p>
											</li>
										</ul>
									</div>

								</li>
							</ul>

						</div>
					</div>
					<div class="homepage-top-nav-command">
						<ul>
							<li class="homepage-top-nav-command-1">
									<a href="DetailPages.html?id=8">S1199抢</a><span class="homepage-top-nav-command-icon"></span>
									<div class="homepage-top"></div>
								</li>
								<li class="homepage-top-nav-command-1">
									<a href="DetailPages.html?id=12">小Q99抢</a><span class="homepage-top-nav-command-icon"></span></li>
								<li class="homepage-top-nav-command-3">
									<a href="DetailPages.html?id=26">魔兽 上新</a><span class="homepage-top-nav-command-icon-3"></span></li>
								<li class="homepage-top-nav-command-4">
									<a href="DetailPages.html?id=25">正义联盟上新</a><span class="homepage-top-nav-command-icon-4"></span></li>
								<li class="homepage-top-nav-command-3">
									<a href="DetailPages.html?id=28">羞羞的铁拳</a>
								</li>
						</ul>
					</div>
				</div>
			</div>
			<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/login.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/alertLogin.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/header.js" type="text/javascript" charset="utf-8"></script>
			<script type="text/javascript">
				$(function() {
					$.header.main()
//					if($.cookie("userId")) {
//						console.log($.cookie("userId"))
//						let userid = JSON.parse($.cookie("userId"))
//						console.log(userid)
//						$(".index-loginno").hide()
//						$(".index-loginyes").show()
//						$.get('/loginname', {
//							userid
//						}, function(data) {
//							console.log(data)
//							$(".index-username").html(data.user_tel)
//						})
//					} else {
//						$(".index-loginno").show()
//						$(".index-loginyes").hide()
//						$(".index-tologin").prop("href",'login.html')
//					}
//					//退出登录删除cookie
//					$(".index-exit").click(function() {
//						$.removeCookie('userId')
//						location.reload()
//					})
//					//点击弹出登录页面
//					$(".index-loginno").click(function () {
//						$("body").alertLogin("index.html")
//					})
				})
			</script>
	</body>

</html>